<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    background: { type: String, default: "#f7f7f7" },
  },
});
</script>

<template>
  <view class="form-upload" :style="{ background }">
    <view class="form-upload-horizontal"></view>
    <view class="form-upload-vertical"></view>
  </view>
</template>

<style lang="scss">
.form-upload {
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 20rpx;

  .form-upload-horizontal,
  .form-upload-vertical {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 32%;
    height: 4rpx;
    border-radius: 2rpx;
    background-color: #dddddd;
    transform: translate(-50%, -50%);
  }

  .form-upload-vertical {
    width: 4rpx;
    height: 32%;
  }
}
</style>